<h2>dimmer.js</h2>
<p>Shows an object while dimming others, i.e. a Lightbox effect.</p>
<hr/>

<h3>Functions</h3>
<ul>
	<li><a href="#show">OAT.Dimmer.show(element, optObj)</a></li>
	<li><a href="#hide">OAT.Dimmer.hide()</a></li>
</ul>

<hr/>

<h3><a name="show">OAT.Dimmer.show(element, optObj)</a></h3>
<p>Shows <em>element</em>. Additional options can be specified via <em>optObj</em>:</p>
<ul>
	<li>color - hexadecimal color of dimming layer</li>
	<li>opacity - opacity of dimming layer</li>
	<li>popup - boolean value specifying whether the element should be hidden by clicking to dimmed place</li>
</ul>
<p class="code">
var div = OAT.Dom.create("div"); <br/>
OAT.Dimmer.show(div, {color:"#f00", popup:false}); // modal window<br/>
</p>

<h3><a name="hide">OAT.Dimmer.hide()</a></h3>
<p>Hides previously shown object and cancels dimmer effect.</p>
